<%
//主页
layout("/inc/layout.html",{
title:'智慧洛龙',
keywords:'智慧洛龙',
description:'智慧洛龙',
style:'index.css'
}){
%>

<!--网站导航菜单-->
<% include("/inc/nav_menu.html"){} %>

<section class="container">
    <div class="row mt5 text-left">
        <ol class="breadcrumb">
            当前位置：
            <li><a href="/">主页</a></li>
            <li><a href="/bmfw/index">便民服务</a></li>
            <li>${itemsDO.title!}</li>
        </ol>
    </div>
</section>


<section class="container">
    <div class="panel panel-info">
        <div class="panel-body">
            <div class="row mt5">
                <div>
                    <div style="position: relative">

                        <div >

                        <!--电费显示-->
                        <% if(itemsDO.id == 87){ %>
                        <div>
                            <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                                <h1 class="text text-primary text-center">
                                    <img src="/static/images/bmfw/pay_icon2.png" width="60" height="60">
                                    ${itemsDO.title!}
                                </h1>
                                <hr>
                            </div>
                            <div align="center">
                                <iframe src="${url}" width="960px" height="460px" scrolling="no" frameborder="0" ></iframe>
                            </div>
                        </div>
                        <% } %>



                        <!--水费显示-->
                        <% if(itemsDO.id == 56){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                    <img src="/static/images/bmfw/pay_icon1.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                       <div align="center">
                         <iframe src="${url}"
                            width="960px" height="460px" scrolling="no" frameborder="0" ></iframe>
                        </div>
                        <% } %>

                        <!--燃气费-->
                        <% if(itemsDO.id == 88){ %>
                          <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                    <img src="/static/images/bmfw/pay_icon3.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                       <div align="center">
                         <iframe src="${url}"
                            width="960px" height="460px" scrolling="no" frameborder="0" ></iframe>
                        </div>
                        <% } %>

                        <!--有限电视（欠费）-->
                        <% if(itemsDO.id == 89){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                <img src="/static/images/bmfw/pay_icon5.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                        <div align="center">
                            <iframe src="${url}"
                             width="960px" height="460px" scrolling="no" frameborder="0" ></iframe>
                        </div>
                        <% } %>
                        <!--有限电视（预存）-->
                        <% if(itemsDO.id == 90){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                <img src="/static/images/bmfw/pay_icon5.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                        <div align="center">
                            <iframe src="${url}"
                             width="960px" height="460px" scrolling="no" frameborder="0" ></iframe>
                        </div>
                        <% } %>

                        <!--手机话费-->
                        <% if(itemsDO.id == 91){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                <img src="/static/images/bmfw/pay_icon8.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                        <div align="center">
                            <iframe src="${url}" width="960px" height="460px" scrolling="no" frameborder="0"></iframe>
                        </div>
                        <% } %>

                        <!--固话话费-->
                        <% if(itemsDO.id == 179){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                <img src="/static/images/bmfw/pay_icon6.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                           <div align="center">
                            <iframe src="${url}" width="960px" height="460px" scrolling="no" frameborder="0"></iframe>
                        </div>
                        <% } %>

                        <!--宽带光纤-->     
                       <% if(itemsDO.id == 92){ %>
                        <div class="mt5" style="position: relative;z-index: 999;background-color: #FFFFFF;">
                            <h1 class="text text-primary text-center">
                                <img src="/static/images/bmfw/pay_icon7.png" width="60" height="60">
                                ${itemsDO.title!}
                            </h1>
                            <hr>
                        </div>
                           <div align="center">
                            <iframe src="${url}" width="960px" height="460px" scrolling="no" frameborder="0"></iframe>
                        </div>
                        <% } %>



                    <div>

            </div>
        </div>
    </div>
</section>


<% } %>
<script>
    require(['modules/index'], function (index) {
        index.init();
    });


</script>
</body>
</html>